/* -------------------case1---------------------------- */
.test1 {
  margin-top: 50px;
  font-size: 20px;
  line-height: 0;
  border: 1px solid #cccccc;
  background: #eeeeee;
}

.test2 {
  margin-top: 50px;

  font-size: 0;
  line-height: 20px;
  border: 1px solid #cccccc;
  background: #eeeeee;
}


/* -------------------case2---------------------------- */

.mulit_line {
  line-height: 150px;
  border: 1px dashed #cccccc;
  padding-left: 5px;
  font-size: 0;
}

.mulit_line span {
  /* display: -moz-inline-stack; */
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}


/* -------------------case3---------------------------- */

.out {
  display: inline-block;
  background: #a0b3d6;
  margin-top: 20px;
}

.in1 {
  display: block;
  height: 20px;
}

.in2 {
  display: block;
  line-height: 20px;
}